<template>
    <div class="setting-content styleSetting-container">
        <h2 class="setting-header">
            <strong>{{route.meta.title}}</strong>
        </h2>
        <!-- 主题风格设置（样式、主题色） -->
        <!-- 轮播图 -->
        <el-tabs v-model="activeName" class="demo-tabs">
            <el-tab-pane label="主题风格设置" name="style">
                <ThemeSetting />
            </el-tab-pane>
            <el-tab-pane label="首页轮播" name="banner">
                <HomeSlides v-if="activeName == 'banner'"/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script setup>
import { ref } from 'vue'
import { useRoute } from 'vue-router'
import ThemeSetting from './components/ThemeSetting.vue'
import HomeSlides from './components/HomeSlides.vue'
const route = useRoute()
const activeName = ref('style')
</script>
<style lang="scss" scoped>
    
</style>